<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>


        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <link rel="icon" type="image/x-icon" href="assets/favicon.ico"/>
        <link rel="stylesheet" href="assets/css/mycss/readbook.css">
        <script src="js/jquery-3.5.1.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
        <style>

            .imas {
            "width:130px;height: 100px;
            }

        </style>
    </head>

    <body>
        <div class="container">
            <div class="">

                <div class="row">
                    <div class="col-md-4">
                        <div class="card border-100 shadow">
                            <div class="card-body  ">
                                <div class="row">
                                    <div class="md-3">
                                        <img class="img-responsive"
                                             src="https://p3-tt.byteimg.com/img/pgc-image/8a1419e4a7744f519d28b082fdc50209~200x260.jpg">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card border-100 shadow">
                            <div class="card-body ">
                                <div class="row">
                                    <img class="img-responsive"
                                         src="https://p3-tt.byteimg.com/img/pgc-image/8a1419e4a7744f519d28b082fdc50209~200x260.jpg">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card border-100 shadow">
                            <div class="card-body  ">
                                <div class="row">
                                    <img class="img-responsive rounded"
                                         src="https://p3-tt.byteimg.com/img/novel-pic/f3969d95a8e4af518694f8086636ff09~200x260.jpg">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card border-100  shadow">
                            <div class="card-body  h-100 row">
                                <div class="col-md-4">
                                    <img class="imas"
                                         src="https://p3-tt.byteimg.com/img/novel-pic/1eeba2308598b052ec4f451ec0ace5bc~200x260.jpg">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </body>
</html>